<div class="container-fluid" style="margin: 0px 15px 0px 15px;">
	<?php
		if(viewPermissao(array('1','2','3','4'),$session_data)){
	?>
	<br/>
	<div style="text-align:center;font-size:17px;">RELATÓRIO NO PERÍODO DE <b><?php echo $inicio; ?></b> À <b><?php echo $fim; ?></b></div>
	<div style="font-size:15px;margin-top:20px;">
	
	<b>Quantidade de Processos cadastrados no período:</b> <?php echo $valor1; ?><br/>
	<b>Quantidade de Processos na proju no período:</b> <?php echo $valor2; ?><br/>
	<b>Quantidade de Processos em devolução de carga no período:</b> <?php echo $valor3; ?><br/>
	<b>Quantidade de Processos redistribuídos no período:</b> <?php echo $valor4; ?><br/><br/>
	<b>Quantidade de Processos Administravivos:</b> <?php echo $valor5; ?><br/>
	<b>Quantidade de Processos Judiciais:</b> <?php echo $valor6; ?><br/>
	<b>Quantidade de Processos Execução Fiscal:</b> <?php echo $valor7; ?><br/>
	
	</div>
	</br>
	<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
	<br/>
	<div id="container1" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>
	<br/>
	
	<?php
	}
	?>
</body>
</html>
<script src="<?php echo base_url('includes/highcharts/js/highcharts.js')?>"></script>
<script src="<?php echo base_url('includes/highcharts/js/modules/exporting.js')?>"></script>

<script type="text/javascript">
$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'/*,
			height: '400',
			width: '900'*/
        },
        title: {
            text: 'Distribuição de Processos'
        },
        subtitle: {
            text: 'Fonte: Disproju'
        },
        xAxis: {
            categories: <?php echo $usuario;?>
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Quantidade'
            }
        },
        tooltip: {
            headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                '<td style="padding:0"><b>{point.y:.1f} </b></td></tr>',
            footerFormat: '</table>',
            shared: true,
            useHTML: true
        },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
        series: [{
            name: 'Administrativo',
            data: <?php echo $adm;?>

        }, {
            name: 'Judicial',
            data: <?php echo $jud;?>

        }, {
            name: 'Execução Fiscal',
            data: <?php echo $exec;?>

        }]
    });
	$('#container1').highcharts({
		chart: {
			plotBackgroundColor: null,
			plotBorderWidth: null,
			plotShadow: false
		},
		title: {
			text: 'Total de Processos'
		},
		tooltip: {
			pointFormat: '{series.name}: <b>{point.y:.1f}</b>'
		},
		plotOptions: {
			pie: {
				allowPointSelect: true,
				cursor: 'pointer',
				dataLabels: {
					enabled: true,
					format: '<b>{point.name}</b>: {point.y:.1f} ',
					style: {
						color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
					}
				},
				showInLegend: true
			}
		},
		series: [{
			type: 'pie',
			name: 'Quantidade',
			data: <?php echo $graf2;?>
		}]
	});
});
</script>